<template>
  <el-container>
    <el-row>
      <el-col>
        <el-button @click="title = '都是孙子'">haha</el-button>
      </el-col>
      <el-col :span="24">
        <!-- <el-form>
          <el-form-item>
            <el-input></el-input>
          </el-form-item>
        </el-form> -->
        <ChildFirst :title="title"></ChildFirst>
      </el-col>
      <el-col :span="24">
        <!-- <ChildTwo :title="title"></ChildTwo> -->
      </el-col>
    </el-row>
  </el-container>
</template>

<script>
import ChildFirst from '@/components/ChildFirst.vue'
// import ChildTwo from '@/components/ChildTwo.vue'

export default {
  name: 'HomeView',
  data() {
    return {
      title: 'HOME VIEW 的儿子'
    }
  },
  components: {
    // ChildTwo,
    ChildFirst
  },
  created() {
    console.log('HOME VIEW 创建了')
  },
  activated() {
    console.log('home 组件被激活')
  },
  deactivated() {
    console.log('home 组件失去激活效果')
  },
  destroyed() {
    console.log('home 被销毁了')
  }
}
</script>

<style></style>
